<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>吕梁学院社保计算器</title>
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script>
			//jsp代码
			function calc(){
				salary=$("#sal").val();//"6000-输入的工资"
				salnum=parseInt(salary);//字符型转换为整型
				//养老保险
				ylgr=salnum*0.08//个人缴纳的养老保险
				ylgs=salnum*0.2//公司缴纳的养老保险
				//医疗保险
				ybgr=salnum*0.02;
				ybgs=salnum*0.06;
				//失业
				sygr=salnum*0.005;
				sygs=salnum*0.015;
				//工伤
				gsgs=salnum*0.005;
				//生育
				birgs=salnum*0.008;
				//公积金
				gjjgr=salnum*0.12;
				gjjgs=salnum*0.12;
				//合计
				hjgr=ylgr+ybgr+sygr+gjjgr;
				hjgs=ylgs+ybgs+sygs+gjjgs;
				//总额
				ze=hjgr+hjgs;
				
				$("#ylgr").html(ylgr);
				$("#ylgs").html(ylgs);
				$("#ybgr").html(ybgr);
				$("#ybgs").html(ybgs);
				$("#sygr").html(sygr);
				$("#sygs").html(sygs);
				$("#gsgs").html(gsgs);
				$("#birgs").html(birgs);
				$("#gjjgr").html(gjjgr);
				$("#gjjgs").html(gjjgs);
				$("#hjgr").html(hjgr);
				$("#hjgs").html(hjgs);
				$("#ze").html(ze);
			}
		</script>
	</head>
	<body>
		<table align="center" class="table table-bordered">
			<!--
            	作者：offline
            	时间：2020-04-23
            	描述：表格第一行
            -->
			<tr class="text-center">
				<td>
					工资
				</td>
				<td colspan="3">
					<input class="form-control" placeholder="请输入个人工资" type="text" id="sal">
				</td>
				<td>
					<button class="btn btn-danger btn-block" onclick="calc()">计算</button>
				</td>
			</tr>
			<!--
            	作者：offline
            	时间：2020-04-23
            	描述：表格第二行
            -->
            <tr class="text-center bg-primary">
				<td>险种</td>
				<td >个人%</td>
				<td>个人</td>
				<td >公司%</td>
				<td>公司</td>
			</tr>
			<tr class="text-center ">
				<td>养老</td>
				<td >8%</td>
				<td id="ylgr"></td>
				<td >20%</td>
				<td id="ylgs"></td>
			</tr>
			<tr class="text-center ">
				<td>医保</td>
				<td >2%</td>
				<td id="ybgr"></td>
				<td >6%</td>
				<td id="ybgs"></td>
			</tr>
			<tr class="text-center ">
				<td>失业</td>
				<td >0.5%</td>
				<td id="sygr"></td>
				<td >1.5%</td>
				<td id="sygs"></td>
			</tr>
			<tr class="text-center ">
				<td>工伤</td>
				<td ></td>
				<td ></td>
				<td >0.5%</td>
				<td id="gsgs"></td>
			</tr>
			<tr class="text-center ">
				<td>生育</td>
				<td ></td>
				<td ></td>
				<td >0.8%</td>
				<td id="birgs"></td>
			</tr>
			<tr class="text-center ">
				<td>公积金</td>
				<td >12%</td>
				<td id="gjjgr"></td>
				<td >12%</td>
				<td id="gjjgs"></td>
			</tr>
			<tr class="text-center ">
				<td>合计</td>
				<td >个人合计</td>
				<td id="hjgr"></td>
				<td >公司合计</td>
				<td id="hjgs"></td>
			</tr>
			<tr class="text-center ">
				<td>总额</td>
				<td colspan="4" id="ze"></td>
			</tr>
		</table>
	</body>
</html>
